<template>
  <div class="about">
    <div style="background-color: red;width: 1200px;height: 150px">
      <h1 style="font-size: 50px">页头</h1>
    </div>
    <div style="background-color: green;width: 200px;height: 400px;float: left;color: aqua">
      <ul>
        <li><a href="#">首页</a></li>
        <li>
          <a href="#">产品</a>
          <ul>
            <li><a href="#">产品1</a></li>
            <li><a href="#">产品2</a></li>
            <li><a href="#">产品3</a></li>
          </ul>
        </li>
        <li><a href="#">服务</a></li>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">联系我们</a></li>
      </ul>
    </div>
    <div id="content" style="background-color:yellow;height:400px;width:950px;float:left;margin-left: 50px">
      <form action="/" method="post">
        <!-- 文本输入框 -->
        <label for="name">用户名:</label>
        <input type="text" id="name" name="name" required>

        <br>

        <!-- 密码输入框 -->
        <label for="password">密码:</label>
        <input type="password" id="password" name="password" required>

        <br>

        <!-- 单选按钮 -->
        <label>性别:</label>
        <input type="radio" id="male" name="gender" value="male" checked>
        <label for="male" >男</label>
        <input type="radio" id="female" name="gender" value="female">
        <label for="female">女</label>

        <br>

        <!-- 复选框 -->
        <input type="checkbox" id="subscribe" name="subscribe" checked>
        <label for="subscribe">订阅推送信息</label>

        <br>

        <!-- 下拉列表 -->
        <label for="country">国家:</label>
        <select id="country" name="country">
          <option value="cn">CN</option>
          <option value="usa">USA</option>
          <option value="uk">UK</option>
        </select>

        <br>

        <!-- 提交按钮 -->
        <input type="submit" value="提交">
      </form>
    </div>
  </div>
</template>
<style>
/*.about {
  display: flex;
  justify-content: space-between;
}*/


</style>
<script setup>

</script>